#header {
  position: relative;
  width: 100%;
  background-color: #e45050;
}

.home-logo {
  position: relative;
  float: left;
  width: 272px;
  height: 80px;
  overflow: hidden;
  a {
    text-decoration: none;
    color: #fff;
  }
  .fore1 {
    float: left;
    margin-right: 10px;
    width: 158px;
    height: 80px;
    background: url('../img/home-logo.png') no-repeat;
  }

  .fore2 {
    float: left;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    margin: 14px 0 0 6px;
    color: white;
  }

  .fore3 {
    float: left;
    margin: 5px 0 0;
    color: #ffb2b2;
    border: 1px solid #ffb2b2;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
}

.head_r {
  .fore {
    padding: 0 18px;
    background: white !important;
    width: auto;
    .spacer{
      width:135px !important;
    }
  }
}

.search_box {
  float: right !important;
  .form {
    .search_text {
      width: 120px;
      border: 0;
      background-color: white;
      height: 34px;
    }
    .btn_search {
      width: 56px;
      font-size: 12px;
      color: #333;
      background-color: #f7f7f7;
      height: 34px;
    }
  }
}

.navitems {
  float: left;
  width: 342px;
  line-height: 36px;
  padding: 22px 0;
  margin: 0 0 0 30px;
  font-size: 14px;
  a {
    color: white;
    &:hover {
      color: white;
    }
  }
  ul {
    margin: 0;
    display: block;
    li {
      float: left;
      margin: 0 20px 0 0;
      .dl {
        position: relative;
        .dt {
          white-space: nowrap;
          line-height: 18px;
          padding: 9px 16px;
          color: #fff;
          width: 95px;
          i {
            font-size: 12px;
            transition: transform .2s ease-in 0s;
            display: inline-block;
          }
        }
        .dd {
          position: absolute;
          top: 34px;
          left: 0;
          display: none;
          background-color: #fff;
          border: 1px solid #ddd;
          border-top: 0;
          font-size: 12px;
          z-index: 9;
          width: 95px;
          a {
            color: black;
            display: block;
            text-decoration: none;
            width: 86px;
            padding: 0 0 0 16px;
            line-height: 30px;
            height: 30px;
            &:hover {
              background-color: @bg_light_grey;
              color: @item_red;
            }
          }
        }
        &:hover {
          .dt {
            padding: 8px 15px;
            background-color: #fff;
            border: 1px solid #ddd;
            box-shadow: 0 3px 5px rgba(153, 153, 153, .5);
            color: black;
            i {
              transform: rotate(360deg);
            }

          }

          .dd {
            display: block;
          }

        }
      }
    }
  }
}